<template>
  <div class="app">
    <h1>{{ msg }}</h1>
    <school></school>
    <student></student>
  </div>
</template>

<script>
import school from './components/school.vue'
import student from './components/student.vue'
export default {
  name: 'App',
  components: {
    student,
    school
  },
  data() {
    return {
      msg: '你好啊'
    }
  },
}
</script>

<style scoped>
.app {
  background-color: gray;
  padding: 5px;
}
</style>

